.w {
	width: 1200px;
	margin: auto;
}
* {
	margin: 0;
	padding: 0;	
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
body {
	background-color: #EEEEEE;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #fff;
}
img {
	vertical-align: top;  /*去除 图片底侧缝隙   图片和文字的基线对齐*/
}
div {

}
/*双伪标签清除浮动*/
.clearfix:before,.clearfix:after { 
  content:"";
  display:table;  /* 这句话可以出发BFC BFC可以清除浮动,BFC我们后面讲 */
}
.clearfix:after {
 clear:both;
}
.clearfix {
  *zoom:1;
}
/************index**************index**************index****************/
/*=============================head开始=========================================*/
  .head {
  	/*width: 100%;*/
  	width: 1200px;
  	height: 80px;
  	background-color: #522A5C; 
  	position: relative;
  }
  .h-inner {
  	width: 980px;
  	height: 80px;
  	margin: auto;
  	position: relative;
  	font-size: 20px;
  }
  .h-left {
  	position: absolute;
  	left: 0;
  	bottom: 10px;
  	width: 110px;
  	color: #fff;
  }
  .h-right {
  	position: absolute;
  	right: 0;
  	bottom: 5px;
  	/*width: 200px;*/
  }
  .h-right li {
  	float: left;
  	padding-left: 28px;
  }
  .h-right li a {
  	font: 14px "宋体";
  	
  }
  .h-icon {
  	position: absolute;
  	right: 10px;
  	bottom: 0;
  }
  /*=======================================head结束==================================================*/
/*=======================================banner开始===========================================*/
  .banner {
  	/*width: 100%;*/
  	width: 1200px;
  	height: 525px;
  	background: url(../img/banner-bg.jpg) center no-repeat;
  	position: relative;
  }
  .b-text {
  	width: 360px;
  	height: 120px;
  	position: absolute;
  	right: 110px;
  	bottom: 0;
  	border: 1px solid #fff;
  	background-image: linear-gradient(rgba(225,225,225,0.7), rgba(225,225,225,0.5),rgba(225,225,225,0));
  	/*自上而下透明度渐变*/
  }
  .b-text h4 {
  	font-size: 14px;
  	color: #fff;
  	padding-bottom: 12px;
  	position: absolute;
  	right: 10px;
  	top: 10px;
  }
  .b-text p {
  	font-size: 12px;
  	color: #fff;
  	line-height: 150%;
  	text-indent: 2em;
  	position: absolute;
  	right: 10px;
  	left: 10px;
  	bottom: 30px;
  }
  /*=======================================banner结束==================================================*/
/*=======================================product开始==========================================*/
  .product {
  	width: 1200px;
  	/*width: 100%;*/
  	height: 482px;
  	background-color: #E5E5E4;
  	position: relative;
  	margin: 0 auto;
  }
  .p-left {
  	position: absolute;
  	width: 320px;
  	height: 360px;
  	top: 10px;
  	background-color: #fff;
  	left: 110px;
  }
  .p-center {
  	position: absolute;
  	width: 320px;
  	height: 360px;
  	top: 10px;
  	background-color: #fff;
  	left: 440px;
  }
  .p-right {
  	position: absolute;
  	width: 320px;
  	height: 360px;
  	top: 10px;
  	background-color: #fff;
  	right: 110px;
  }
  .img {
  	text-align: center;
  }
  .product img {
  	width: 300px;
  	height: 180px;
  	padding-top: 10px;
  }
  .product p {
  	font-size: 12px;
  	line-height: 170%;
  	padding: 15px 30px 25px 15px;
  	text-indent: 2em;
  	text-align: none;
  }
  /*=======================================product结束==================================================*/
/*=======================================introduce开始========================================*/
  .introduce {
  	width: 1200px;
  	height: 520px;
  	background-color: #FFFFFF;
  	position: relative;
  }
  .in-img {
  	position: absolute;
  	top: -50px;
  	margin-bottom: 50px;
  	left: 50%;
  	margin-left: -80px;
  }
  .in-h4 {
  	position: absolute;
  	top: 160px;
  	left: 50%;
  	margin-left: -90px;
  }
  
  .in-p {
  	position: absolute;
  	width: 600px;
  	top: 220px;
  	left: 50%;
  	margin-left: -300px;
  }
  .introduce img {
  	border-radius: 50%;
  }
  .introduce h4 {
  	font: 20px "Century Gothic";
  	color: #000;
  	text-align: center;
  }
  .introduce p {
  	font-size: 14px;
  	color: #000;
  	text-indent: 2em;
  }
  
  /*=======================================pintroduce结束==================================================*/
/*=======================================footer开始===========================================*/
  .footer {
  	width: 1200px;
  	height: 400px;
  	background-color: #000;
  	position: relative;
  }
  .f-head {
  	position: absolute;
  	width: 180px;
  	left: 50%;
  	margin-left: -90px;
  	
  }
  .f-head li {
  	float: left;
  	font-size: 14px;
  	padding: 8px;
  	color: #fff;
  }
  .f-xian {
  	position: absolute;
  	top: 40px;
  	width: 100%;
  	border: 0.5px solid #303030;
  }
  .f-main {
  	position: absolute;
  	padding-left: 110px;
  	padding-top: 60px;
  }
  .f-main div {
  	float: left;
  	width: 200px;
  }
  .f-main h4 {
  	font-size: 14px;
  	font-weight: 400;
  	color: #fff;
  	padding-bottom: 30px
  }
  .f-main a {
  	font-size: 14px;
  	font-weight: 400;
  	color: #fff;
  }
  .f-main a:hover {
  	text-decoration: underline;
  }
  .f-end {
  	position: absolute;
  	bottom: 0;
  	left: 50%;
  	margin-left: -32px;
  }
  .f-end div {
  	font-size: 14px;
  	text-align: center;
  }
  .f-end img {
  	padding-top: 20px;
  }
  =======================================footer结束==================================================*
/************blog**************blog**************blog****************/
/*=======================================main开始===========================================
	main {
		width: 980px;
		margin: 0 auto;
		padding-top: 20px;
	}
	/*=======================================右边栏开始===========================================*/
	.m-right {
		float: right;
		top: 0;
		right: 0;
		width: 260px;
		/*height: 80px;*/
	}
	.keywords {
		background-color: #fff;
	}
	.keywords input {
		width: 220px;
		height: 40px;
		margin: 20px;
		border: 1px solid #EEEEEE;
		font-size: 14px;
		color: #9C9C9C;
	}
	article {
		margin-top: 10px;
		margin-bottom: 10px;
		background-color: #fff;
	}
	article li {
		width: 258px;
		height: 48px;
		border-bottom: 1px solid #DEDEDE;
		position: relative;
	}
	article .li-top {
		border-top: 1px solid #DEDEDE;
	}
	article a {
		display: inline-block;
	}
	article h5 {
		font-size: 14px;
		font-weight: 400;
		color: #747474;
		position: absolute;
		top: 15px;
		left: 20px;
	}
	article span {
		display: inline-block;
		width: 5px;
		height: 50px;
		background-color: #DFC6E6;
		margin-right: 15px
	}
	.current span {
		background-color: #522A5C;
	}
	article span:hover {
		background-color: #522A5C;
	}
	.time {
		width: 260px;
		height: 240px;
		background-color: #fff;
		margin-bottom: 10px;
		text-align: center;
		line-height: 240px;
		font-size: 25px;
		color: red;
	}
	.tags {
		width: 260px;
		height: 200px;
		background-color: #fff;
		/*margin-bottom: 10px;*/
		text-align: center;
		line-height: 240px;
		font-size: 25px;
		color: red;
	}
	/*=======================================右边栏结束========================================*/
	/*=======================================左边栏开始========================================*/
	.m-left section {
		width: 710px;
		height: 370px;
		background-color: #fff;
		padding: 20px;
		position: relative;
		margin-bottom: 10px;
	}
	.m-left section h4 {
		font-size: 16px;
		color: #A660B7;
	}
	.m-left section h5 {
		font-size: 12px;
		color: #666;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.m-left section p {
		font-size: 12px;
		text-indent:2em;
		line-height: 25px;
	}
	.m-left section strong {
		font-size: 10px;
		font-weight: 400;
		color: #9A9A9A;
		display: block;
		position: absolute;
		right: 25px;
		bottom: 20px;
	}
	.s-top {
		width: 50px;
		height: 40px;
		background-color: #522A5C;
		position: absolute;
		top: 20px;
		left: -50px;
		text-align: center;
		line-height: 40px;
		color: #fff;
		font-size: 12px;
	}
	.s-bottom {
		width: 50px;
		height: 40px;
		background-color: #A660B7;
		position: absolute;
		top: 60px;
		left: -50px;
		text-align: center;
		line-height: 40px;
		color: #fff;
		font-size: 12px;
	}
	.left-bottom {
		width: 574px;
		height: 35px;
		position: relative;
		bottom: 0px;
		left: 70px;
	}
	.left-bottom ul {
		
	}
	.left-bottom li {
		float: left;
		height: 35px;
		background-color: #fff;
		padding: 10px;
		margin-right: 15px;
		margin-bottom:20px;
	}
	.left-bottom a {
		color: #000;
		font-size: 12px;
	}
	.left-bottom li:hover {
		background-color: #A660B7;
		
	}
	.left-bottom li:hover a {
		color: #fff;
	}
	/*=======================================左边栏结束========================================*/
	/*=======================================main结束===========================================*/
/************gallery**************gallery**************gallery****************/
	.gallery-main {
		width: 980px;
		height: 700px;
		margin: 0 auto;
		position: relative;
	}
	.one {
		position: absolute;
		top: 70px;
		right: 0;
		padding: 20px;
		background-color: #fff;
	}
	.one input {	
		width: 220px;
		height: 40px;
		border: 1px solid #B6B6B6;
	}
	.one input:hover {
		border: 1px solid #363636;
	}
	.two {
		position: absolute;
		top: 160px;
		right: 0;
		width: 260px;
		height: 240px;
		background-color: #fff;
	}
	.three {
		position: absolute;
		top: 20px;
		left: 0;	
	}
	.tab li {
		float: left;
		padding: 15px 20px 20px 20px;
		background-color: #fff;
		border-top: 5px solid #DFC6E6;
		border-right: 1px solid #F0F0F0;
		border-bottom: 1px solid #F0F0F0;
	}
	.tab li:hover {
		border-top: 5px solid #522A5C;
		border-bottom: 1px solid #fff;
	}
	.tab li a {
		color: #000;
		font-size: 14px;	
	}
	.tab li:hover  {
		font-weight: 700;
	}
	.container {
		width: 100%;
		margin: 0 auto;
		position: absolute;
		top: 62px;
		left: 0;
		padding: 5px;
		background-color: #fff;
	}
	.waterfall {
		column-count: 3;
		column-gap:10px;
	}
	.intem {
		padding: 5px;
		margin-bottom: 5px;
		break-inside: avoid;
		border: 1px solid #000;
	}
	.intem img {
		width: 100%;
		margin-bottom: 5px;
	}
	.tr-bottom {
		position: absolute;
		top: 650px;
		background-color: #fff;
		width: 710px;
		height: 50px;
	}
	.tr-bottom a {
		color: #000;
		position: absolute;
		left: 50%;
	}
/************about**************about**************about****************/
.about-main {
	width: 980px;
	margin-top:100px;
	position: relative;
	height: 1350px;
	margin: 0 auto;
}
/* ===============middle========================= */
	.about-middle {
		position: absolute;
		left: 490px;
		top: 100px;
		width: 5px;
		height: 1300px;
		background-color: #EEEEEE;
	}
	.about-one {
		width: 180px;
		height: 180px;
		padding: 10px;
		background-color: #EEEEEE;
		border-radius: 50%;
		position: relative;
		top: -60px;
		left: -90px;
		z-index: 1;
	}
	.about-one img {
		width: 160px;
		height: 160px;
		border-radius: 50%;
	}
	.about-two {
		width: 110px;
		height: 110px;
		padding: 5px;
		background-color: #EEEEEE;
		border-radius: 50%;
		position: relative;
		top: 90px;
		left: -55px;
		z-index: 1;
	}
	.about-two img {
		width: 100px;
		height: 100px;
		border-radius: 50%;
	}
	.about-three {
		width: 110px;
		height: 110px;
		padding: 5px;
		background-color: #EEEEEE;
		border-radius: 50%;
		position: relative;
		top: 250px;
		left: -55px;
		z-index: 1;
	}
	.about-three img {
		width: 100px;
		height: 100px;
		border-radius: 50%;
	}
	.num1 {
		width: 70px;
		height: 35px;
		padding: 5px;
		background-color: #EEEEEE;
		border-radius: 20%;
		position: relative;
		top: 265px;
		left: -35px;
		z-index: 1;
	}
	.num1 span {
		width: 60px;
		height: 25px;
		line-height: 25px;
		background-color: #fff;
		border-radius: 20%;
		display: block;
		text-align: center;
		font-size: 12px;
		color: #6e6e6e;
	}
	.num2 {
		width: 70px;
		height: 35px;
		padding: 5px;
		background-color: #EEEEEE;
		border-radius: 20%;
		position: relative;
		top: 305px;
		left: -35px;
		z-index: 1;
	}
	.num2 span {
		width: 60px;
		height: 25px;
		line-height: 25px;
		background-color: #fff;
		border-radius: 20%;
		display: block;
		text-align: center;
		font-size: 12px;
		color: #6e6e6e;
	}
	.num3 {
		width: 70px;
		height: 35px;
		padding: 5px;
		background-color: #EEEEEE;
		border-radius: 20%;
		position: relative;
		top: 342px;
		left: -35px;
		z-index: 1;
	}
	.num3 span {
		width: 60px;
		height: 25px;
		line-height: 25px;
		background-color: #fff;
		border-radius: 20%;
		display: block;
		text-align: center;
		font-size: 12px;
		color: #6e6e6e;
	}
	.about-four {
		width: 110px;
		height: 110px;
		padding: 5px;
		background-color: #EEEEEE;
		border-radius: 50%;
		position: relative;
		top: 390px;
		left: -55px;
		z-index: 1;
	}
	.about-four img {
		width: 100px;
		height: 100px;
		border-radius: 50%;
	}
	.num4 {
		width: 70px;
		height: 35px;
		padding: 5px;
		background-color: #EEEEEE;
		border-radius: 20%;
		position: relative;
		top: 425px;
		left: -35px;
		z-index: 1;
	}
	.num4 span {
		width: 60px;
		height: 25px;
		line-height: 25px;
		background-color: #fff;
		border-radius: 20%;
		display: block;
		text-align: center;
		font-size: 12px;
		color: #6e6e6e;
	}
	.num5 {
		width: 70px;
		height: 35px;
		padding: 5px;
		background-color: #EEEEEE;
		border-radius: 20%;
		position: relative;
		top: 454px;
		left: -35px;
		z-index: 1;
	}
	.num5 span {
		width: 60px;
		height: 25px;
		line-height: 25px;
		background-color: #fff;
		border-radius: 20%;
		display: block;
		text-align: center;
		font-size: 12px;
		color: #6e6e6e;
	}
/* ================left========================== */
	.about-left {
		position: absolute;
		left: 0;
		top: 100px;
		width: 490px;
		height: 1300px;
		background-color: #fff;
		border-right: 5px solid #EEEEEE;
	}
	.about-left>div {
		font-size: 20px;
		width: 100%;
		height: 300px;
		position: relative;
	}
	.name h4 {
		position: absolute;
		top: 130px;
		right: 80px;
	}
	.lianxi h4 {
		position: absolute;
		top: 100px;
		right: 80px;
	}
	.jiaoyu h4 {
		position: absolute;
		top: 65px;
		right: 80px;
	}
	.shixi h4 {
		position: absolute;
		top: 130px;
		right: 80px;
	}
/* ================right========================== */
	.about-right {
		width: 490px;
		height: 1300px;
		background-color: #fff;
		position: absolute;
		right: 0;
		top: 100px;
	}
	.about-right section {
		font-size: 14px;
		width: 100%;
		height: 300px;
		position: relative;
	}
	.introduce p {
		position: absolute;
		top: 130px;
		left: 50px;
		padding-right: 140px;
	}
	.contact p {
		position: absolute;
		top: 100px;
		left: 50px;
		line-height: 2;
	}
	.education p {
		position: absolute;
	}
	p.yi {
		top: 70px;
		left: 50px;
	}
	p.er {
		top: 140px;
		left: 50px;
	}
	p.san {
		top: 210px;
		left: 50px;
	}
	.internship p{
		position: absolute;
	}
	p#yi {
		top: 135px;
		left: 50px;
	}
	p#er {
		top: 200px;
		left: 50px;
	}